<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>猜数字</title>
    <script src="jquery.min.js"></script>
</head>
<body>
    <div style="margin: 0 auto;width: 500px;">
    <button type="button" id="reset">重新开始一局游戏</button><br/>
    请输入要才的数字: <input type="number" name="" id="inputNumber"> 
    <button type="button" id="guess">猜</button><br/>
    已经猜的次数：<span id="count">0</span><br/>
    结果: <span id="result"></span>
    </div>
    <script>
        let RandomNumber=Math.floor(Math.random()*100)+1; //生成一个1-100之间随机数
        console.log(RandomNumber);
        
        let count=0; //定义一个count变量，去记录猜数字的次数
      $("#guess").click(function(){
         count++;
         $("#count").text(count);
         let inputNum=$("#inputNumber").val(); //获取文本框输入的内容
         if(RandomNumber>inputNum){
           //猜小了
           $("#result").text("猜小了");
           $("#result").css("color", "red");
         }else if(RandomNumber<inputNum){
             //猜大了
             $("#result").text("猜大了");
             $("#result").css("color", "red");
         }else{
          $("#result").text("猜对了");
          $("#result").css("color", "green");
         }
      });
      $("#reset").click(function(){
            RandomNumber = Math.floor(Math.random()*100) + 1; //1-100之间的随机数
            console.log(RandomNumber);
            count = 0;
            $("#inputNumber").val("");
            $("#count").text(count);
            $("#result").text("");
        });

    </script>
</body>
 
</html>